// 初始化echart实例对象
var right2Chart = echarts.init(document.getElementById('right2'), 'dark');
//
// ----------右2的配置项-------------------
var optionRight2 = {
    title: {
        text: "境外输入省市TOP5",
        textStyle: {
            color: 'white',
        },
        left: 'left'
    },
    tooltip: {
        trigger: 'axis',
        //指示器
        axisPointer: {
            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    xAxis: {
        type: 'category',
        data: [] // ['湖北','广州','北京']
    },
    yAxis: {
        type: 'value',
        //y轴字体设置
        axisLabel: {
            show: true,
            color: 'white',
            fontSize: 12,
            formatter: function(value) {
                if (value >= 1000) {
                    value = value / 1000 + 'k';
                }
                return value;
            }
        },
    },
    series: [{
        data: [], // [582, 300, 100]
        type: 'bar',
        barMaxWidth: "50%"
    }]
};

$.ajax({
    url:"/imported-provinces/getImportedProvincesData",
    method:"GET",
    dataType:"JSON",
    success:function (ImportedRes){
        console.log(ImportedRes);

        barEcharts(ImportedRes);
    }

})

function barEcharts(data) {
    // 对数据按照 'imported_cases' 属性降序排序
    const sortedData = Object.values(data).sort((a, b) => b.imported_cases - a.imported_cases);

    // 获取前五个条目
    const topFive = sortedData.slice(0, 5);
    /*    0:{id: 2, province: '上海', imported_cases: 100}
        1:{id: 8, province: '陕西', imported_cases: 98}
        2:{id: 12, province: '湖北', imported_cases: 81}
        3{id: 10, province: '河南', imported_cases: 65}
        4:{id: 11, province: '辽宁', imported_cases: 57}
        length:5
        */

    var provinces = topFive

    var topData = []
    // 遍历每一个省自治区、直辖市
    for (var province of provinces) {
        // 将每个省的累计确诊病例数添加到配置项的data中
        topData.push({
            'name': province.province,
            'value': province.imported_cases
        })
    }

// console.log(topData)
//
    for (var province of topData) {
        // 将每个省的累计确诊病例数添加到配置项的data中
        optionRight2.xAxis.data.push(province.name)
        optionRight2.series[0].data.push(province.value)

    }
// 使用刚指定的配置项和数据显示图表。
    right2Chart.setOption(optionRight2);

}


